<template>
	<view class="h-fill">
		<u-navbar title="客户服务" titleColor="#fff" backIconColor="#fff" :background="navBg"></u-navbar>
		<uni-list>
			<!-- <uni-list-item title="客服电话" :rightText="phoneNumber" @click="makePhoneCall"
				note="10:00-18:00"></uni-list-item> -->
			<uni-list-item title="微信客服" :showArrow="false">
				<template v-slot:right="">
					<u-button shape="circle" size="mini" openType="contact">发消息</u-button>
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navBg: {
					'background-image': 'linear-gradient(to right, #434AD8, #8E77F5)'
				},
				phoneNumber: "027-88847771",
			};
		},
		methods: {
			makePhoneCall() {
				// #ifndef H5
				uni.makePhoneCall({
					phoneNumber: this.phoneNumber
				})
				// #endif
			},
		}
	}
</script>

<style lang="scss">

</style>
